<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>专题</title>
    <link rel="stylesheet" href="../assets/css/reset.css">
    <link rel="stylesheet" type="text/css" href="../assets/layui/css/layui.css">
    <script type="text/javascript" src="../assets/layui/layui.js"></script>
</head>
<body>
    <div class="header">
        <div class="header-l">
            <p class="notice">本公司游戏仅适合18岁以上玩家！</p>
            <p class="collection"><a href="#">加入收藏</a></p>
        </div>
        <div class="header-r">
            <ul>
                <li><a href="#">开放平台</a></li>
                <li><a href="#">家长监护</a></li>
                <li><a href="#">纠纷处理</a></li>
                <li><a href="#">客服中心</a></li>
                <li><a href="#" class="b-r">请登录</a></li>
                <li><a href="#" class="b-r">免费注册</a></li>
            </ul>
        </div>
    </div>
    <div class="main">
        <div class="main-top clearfix">
            <div class="logo">
                <img src="../img/logo.png" alt="">
            </div>
            <div class="nav">
                <ul class="clearfix">
                    <li><a href="/page/index.html">首页</a><i></i></li>
                    <li><a href="/page/microOnlineGame">微网游</a><i></i></li>
                    <li><a href="/page/miniGame">小游戏</a><i></i></li>
                    <li><a href="/page/information.html">资讯</a><i></i></li>
                    <li><a class="active" href="javascript:;">专题</a><i></i></li>
                    <li><a href="#">礼包</a><i></i></li>
                    <li><a href="/page/activity">活动</a><i></i></li>
                    <li><a href="#">开服表</a></li>
                </ul>
            </div>
            <div class="search">
                <input class="" type="text" placeholder="输入游戏名">
                <a href="#"></a>
            </div>
        </div>
        
        <div class="mian-show">
            <p>当前所在位置：首页>专题</p>
            <div class="layui-carousel" id="items">
                <div carousel-item>
                    <div><a href=""><img src="../img/first-show.png" alt=""></a></div>
                    <div><a href=""><img src="../img/first-show.png" alt=""></a></div>
                    <div><a href=""><img src="../img/first-show.png" alt=""></a></div>
                    <div><a href=""><img src="../img/first-show.png" alt=""></a></div>
                    <div><a href=""><img src="../img/first-show.png" alt=""></a></div>
                </div>
            </div>
        </div>
        <div class="main-content clearfix">
            <div class="container">
                <div class="topic clearfix">
                    <a class="topic-show" href="/page/topicTotal"><img src="../img/item-1.jpg" alt=""></a>
                    <div class="introduce">
                        <h5><a href="/page/topicTotal">精品消除类手机小游戏大全</a></h5>
                        <p class="text">
                            说起消除类游戏大家一定都不陌生，比如经典的俄罗斯方块、泡泡龙、祖玛、连连看等都是休闲游戏中不可忽略的力量，玩家们的喜爱度是经久不衰。游戏玩法也是十分简单，就是按照一定的规则消除指定的方块来得到分数，对智力绝对是一个挑战和锻炼，在消除世界精彩万分，只有你想不到的，没有你玩不到的。你还在等什么？快来体验吧！
                        </p>
                        <p class="time">2017-11-03 16:07</p>
                    </div>
                </div>

                <div class="topic clearfix">
                    <a class="topic-show" href=""><img src="../img/item-2.jpg" alt=""></a>
                    <div class="introduce">
                        <h5><a href="">万圣节百鬼夜行 陪你一起去捣蛋</a></h5>
                        <p class="text">
                            小编想和大家一起穿上化妆服，戴上面具，挨家挨户收集糖果，但小编怕黑，还是以玩玩专题游戏的方式，陪大家一起渡过这狂欢派对吧。
                        </p>
                        <p class="time">22017-10-30 00:00</p>
                    </div>
                </div>

                 <div class="topic clearfix">
                    <a class="topic-show" href=""><img src="../img/item-3.jpg" alt=""></a>
                    <div class="introduce">
                        <h5><a href="">那些年被黑过的处女座 强迫症类游戏推荐</a></h5>
                        <p class="text">
                            拥有强迫症性格的人总会被人说成吹毛求疵！其实咱们只是在追求完美的路上一去不回而已……
                        </p>
                        <p class="time">2017-10-27 00:00</p>
                    </div>
                </div>
                
                <div class="topic clearfix">
                    <a class="topic-show" href=""><img src="../img/item-1.jpg" alt=""></a>
                    <div class="introduce">
                        <h5><a href="">精品消除类手机小游戏大全</a></h5>
                        <p class="text">
                            说起消除类游戏大家一定都不陌生，比如经典的俄罗斯方块、泡泡龙、祖玛、连连看等都是休闲游戏中不可忽略的力量，玩家们的喜爱度是经久不衰。游戏玩法也是十分简单，就是按照一定的规则消除指定的方块来得到分数，对智力绝对是一个挑战和锻炼，在消除世界精彩万分，只有你想不到的，没有你玩不到的。你还在等什么？快来体验吧！
                        </p>
                        <p class="time">2017-11-03 16:07</p>
                    </div>
                </div>

                <div class="topic clearfix">
                    <a class="topic-show" href=""><img src="../img/item-2.jpg" alt=""></a>
                    <div class="introduce">
                        <h5><a href="">万圣节百鬼夜行 陪你一起去捣蛋</a></h5>
                        <p class="text">
                            小编想和大家一起穿上化妆服，戴上面具，挨家挨户收集糖果，但小编怕黑，还是以玩玩专题游戏的方式，陪大家一起渡过这狂欢派对吧。
                        </p>
                        <p class="time">22017-10-30 00:00</p>
                    </div>
                </div>

                 <div class="topic clearfix">
                    <a class="topic-show" href=""><img src="../img/item-3.jpg" alt=""></a>
                    <div class="introduce">
                        <h5><a href="">那些年被黑过的处女座 强迫症类游戏推荐</a></h5>
                        <p class="text">
                            拥有强迫症性格的人总会被人说成吹毛求疵！其实咱们只是在追求完美的路上一去不回而已……
                        </p>
                        <p class="time">2017-10-27 00:00</p>
                    </div>
                </div>  
                
                <div class="topic clearfix">
                    <a class="topic-show" href=""><img src="../img/item-1.jpg" alt=""></a>
                    <div class="introduce">
                        <h5><a href="">精品消除类手机小游戏大全</a></h5>
                        <p class="text">
                            说起消除类游戏大家一定都不陌生，比如经典的俄罗斯方块、泡泡龙、祖玛、连连看等都是休闲游戏中不可忽略的力量，玩家们的喜爱度是经久不衰。游戏玩法也是十分简单，就是按照一定的规则消除指定的方块来得到分数，对智力绝对是一个挑战和锻炼，在消除世界精彩万分，只有你想不到的，没有你玩不到的。你还在等什么？快来体验吧！
                        </p>
                        <p class="time">2017-11-03 16:07</p>
                    </div>
                </div>

                <div class="topic clearfix">
                    <a class="topic-show" href=""><img src="../img/item-2.jpg" alt=""></a>
                    <div class="introduce">
                        <h5><a href="">万圣节百鬼夜行 陪你一起去捣蛋</a></h5>
                        <p class="text">
                            小编想和大家一起穿上化妆服，戴上面具，挨家挨户收集糖果，但小编怕黑，还是以玩玩专题游戏的方式，陪大家一起渡过这狂欢派对吧。
                        </p>
                        <p class="time">22017-10-30 00:00</p>
                    </div>
                </div>

                 <div class="topic clearfix">
                    <a class="topic-show" href=""><img src="../img/item-3.jpg" alt=""></a>
                    <div class="introduce">
                        <h5><a href="">那些年被黑过的处女座 强迫症类游戏推荐</a></h5>
                        <p class="text">
                            拥有强迫症性格的人总会被人说成吹毛求疵！其实咱们只是在追求完美的路上一去不回而已……
                        </p>
                        <p class="time">2017-10-27 00:00</p>
                    </div>
                </div>             
            </div>
            <div class="aside">
                <div  class="hot-topic clearfix">
                    <h3 class="title">
                        热门专题
                        <span>更多></span>
                    </h3>
                    <div class="item">
                        <a class="item-show" href="#"><img src="../img/aside-1.jpg" alt=""></a>
                        <p>换装、宫斗穿越及文字剧情大全</p>
                    </div>
                    <div class="item">
                        <a class="item-show" href="#"><img src="../img/aside-2.jpg" alt=""></a>
                        <p class="item-text">情人节虐狗 啪啪游戏合集</p>
                    </div>
                    <div class="item">
                        <a class="item-show" href="#"><img src="../img/aside-3.jpg" alt=""></a>
                        <p class="item-text">换装、宫斗穿越及文字剧情大全</p>
                    </div>                    
                    <div class="item">
                        <a class="item-show" href="#"><img src="../img/aside-1.jpg" alt=""></a>
                        <p class="item-text">换装、宫斗穿越及文字剧情大全</p>
                    </div>                    
                    <div class="item">
                        <a class="item-show" href="#"><img src="../img/aside-2.jpg" alt=""></a>
                        <p class="item-text">换装、宫斗穿越及文字剧情大全</p>
                    </div>  
                    <div class="item">
                        <a class="item-show" href="#"><img src="../img/aside-3.jpg" alt=""></a>
                        <p class="item-text">换装、宫斗穿越及文字剧情大全</p>
                    </div>                                                          
                </div>

                <div class="hot-game clearfix">
                    <h3 class="title">
                        热门游戏
                        <span>更多></span>
                    </h3> 
                    <ul>
                        <li class="clearfix hover">
                            <div class="left">
                                <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                            </div>
                            <div class="right clearfix">
                                <span class="game-name"><a href="">梦道h5</a></span>
                                <span class="game-type"><a href="">角色类</a></span>
                                <span class="game-heat">人气：<em>3843874</em></span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="left">
                                <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                            </div>
                            <div class="right">
                                <span class="game-name"><a href="">梦道h5</a></span>
                                <span class="game-type"><a href="">角色类</a></span>
                                <span class="game-heat">人气：<em>3843874</em></span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="left">
                                <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                            </div>
                            <div class="right">
                                <span class="game-name"><a href="">梦道h5</a></span>
                                <span class="game-type"><a href="">角色类</a></span>
                                <span class="game-heat">人气：<em>3843874</em></span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="left">
                                <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                            </div>
                            <div class="right">
                                <span class="game-name"><a href="">梦道h5</a></span>
                                <span class="game-type"><a href="">角色类</a></span>
                                <span class="game-heat">人气：<em>3843874</em></span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="left">
                                <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                            </div>
                            <div class="right">
                                <span class="game-name"><a href="">梦道h5</a></span>
                                <span class="game-type"><a href="">角色类</a></span>
                                <span class="game-heat">人气：<em>3843874</em></span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="left">
                                <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                            </div>
                            <div class="right">
                                <span class="game-name"><a href="">梦道h5</a></span>
                                <span class="game-type"><a href="">角色类</a></span>
                                <span class="game-heat">人气：<em>3843874</em></span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="left">
                                <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                            </div>
                            <div class="right">
                                <span class="game-name"><a href="">梦道h5</a></span>
                                <span class="game-type"><a href="">角色类</a></span>
                                <span class="game-heat">人气：<em>3843874</em></span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="left">
                                <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                            </div>
                            <div class="right">
                                <span class="game-name"><a href="">梦道h5</a></span>
                                <span class="game-type"><a href="">角色类</a></span>
                                <span class="game-heat">人气：<em>3843874</em></span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="left">
                                <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                            </div>
                            <div class="right">
                                <span class="game-name"><a href="">梦道h5梦道h5梦道h5梦道h5梦道h5梦道h5</a></span>
                                <span class="game-type"><a href="">角色类</a></span>
                                <span class="game-heat">人气：<em>3843874</em></span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="left">
                                <a class="hover-img" href=""><img src="../img/hover-1.gif" alt=""></a>
                            </div>
                            <div class="right">
                                <span class="game-name"><a href="">梦道h5</a></span>
                                <span class="game-type"><a href="">角色类</a></span>
                                <span class="game-heat">人气：<em>3843874</em></span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer clearfix">
        <div class="footer-content">
            <div class="aboutUs clearfix">
                <ul class="link clearfix">
                    <li><a href="">收藏本站</a></li>
                    <li><a href="">联系我们</a></li>
                    <li><a href="">发展历程</a></li>
                    <li><a href="">版权声明</a></li>
                    <li><a href="">下载帮助</a></li>
                    <li><a href="">广告服务</a></li>
                    <li><a href="">软件提交</a></li>
                    <li><a href="">意见反馈</a></li>
                </ul>
                <ul class="copyright clearfix">
                    <li>Copyright 2008-2018</li>
                    <li>PSP游戏下载</li>
                    <li>版权所有 鄂ICP备17000873号</li>
                    <li class="licence1">网络文化经营许可证：鄂网文【2017】 95902-123号</li>
                </ul>
                <p class="statement clearfix">
                    <span>
                        所有游戏及软件下载资源均来源互联网，并由网友上传分享。如有侵权，请来电涵告之。
                    </span>
                    <span class="licence2">
                       鄂公网安备 42011102000603号
                    </span>
                </p>
            </div>
            <div class="code">
                <img src="../img/code.gif" alt="">
                <p>7724游戏盒子下载</p>
            </div>
            <div class="code">
                <img src="../img/code.gif" alt="">
                <p>7724微信二维码</p>
            </div> 
        </div>
        
    </div>
    <script>
        layui.use('carousel', function(){
          var carousel = layui.carousel;
          //建造实例
          carousel.render({
            elem: '#items'
            ,width: '100%' 
            ,height: '295px'
            ,arrow: 'hover' 
            ,anim: 'default'
            ,interval: 3000
          });
        });
    </script>
</body>
</html>